import { createApp } from 'vue'

import App from './App.vue'
import router from './router'
// 样式全局使用
import 'vant/lib/index.css'
// 我们自己的样式覆盖需要放在组件的样式下面
import '@/styles/main.scss'
// 详细代码剪切至store/index中
import pinia from './stores'
import XtxUI from '@/xtx-ui'

import 'virtual:svg-icons-register'

const app = createApp(App)

app.use(pinia)
app.use(router)
app.use(XtxUI)

app.mount('#app')

// enum HHH {
//   A = 10,
//   B = 20
// }

// console.log('枚举 ' + HHH)

// type A = {
//   a: number
//   b: string
//   c: boolean
// }

// type A1 = Partial<A>

// type B = {
//   a?: number
//   b?: string
//   c?: null
// }
// type B1 = Required<B>

// type C = {
//   a: number
//   b: string
//   c: boolean
//   d: undefined
// }

// type C1 = Pick<C, 'a' | 'c'>

// type D = {
//   a: number
//   b: string
//   c: boolean
//   d: undefined
// }
// type D1 = Omit<D, 'b'>

// // Partial 转换为可选
// // Required 转换为必选
// // pick 选择需要的
// // Omit 反选

// type AA = {
//   a: number
// }
// type BB = AA & {
//   b: string
// }
// const aa: AA = {
//   a: 1
// }
// const bb: BB = {
//   a: 1,
//   b: ''
// }

// const cc: AA = bb
